<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="generator" content="Gatsby 2.19.22"><style data-emotion-css="g7xa0w 1j6w1lk 9qmntt c2xsu4 12w9zwq 1cbm364 v7zun1 2t3cv3 j6og6x 1ulrd38 177nb4l 1c714c 1r5spv3 1aq9v0y 1ob3nm1 1jk781r 1u6f325 t1e4o7 1ty11oc 1r5ct1h 1rr4qq7 1k376o7 jgo1yj 148vr0x n2wq6l rr0t5o 1okje3k guslj3 hyqbg3 1qmy2f9 acwcvw ifr8pt 1suwglb 15nrm4w i8dtig k4yeou 1wfhlg8 1i892k8 17lr4dl wtmayu 8ro7e7 1baulvz j9xfyi owp70s 13pzad3 bonhtd 16cdh0w kvr7so 1lxuut8 go1izf 1n2mv2k 1xwrxje wsl0jz animation-1w3hj8s 30pqbw 18m2x90 5apwbq 4k5vul 1semkf1 1yyuujw km2fi2 4181cz 1bp8pg5 cv5lhs atew98 1xgrnsz qkwvv5 xi606m um0yaj 1ezahq5 4fz06u 1t8fs7y eb1fjz 1yyvxh1">:root{--c-primary:#15aabf;--c-muted:#717a82;--c-light:#f1f3f5;--c-dark:#495057;--c-text:#343a40;--c-background:#f8f9fa;--c-border:#dee2e6}::selection{background-color:rgba(21,170,191,.6);color:#fff;text-shadow:0 0 .25rem rgba(0,0,0,.4)}*,:after,:before{box-sizing:border-box}body{margin:0;color:#343a40;background-color:#f8f9fa;font-size:1rem;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}hr{height:1px;margin-top:1rem;margin-bottom:1rem;border:0;color:inherit;background-color:currentColor;opacity:.2}figure{margin:0;margin-bottom:1rem}strong{font-weight:700}small{font-size:80%}svg{vertical-align:text-bottom}h1{margin:0;margin-bottom:1rem;line-height:1.2;font-weight:500;font-size:2.25rem}h2{margin:0;margin-bottom:1rem;line-height:1.2;font-weight:500;font-size:1.875rem}h3{margin:0;margin-bottom:1rem;line-height:1.2;font-weight:500;font-size:1.5rem}h4{margin:0;margin-bottom:1rem;line-height:1.2;font-weight:500;font-size:1.25rem}h5{margin:0;margin-bottom:1rem;line-height:1.2;font-weight:500;font-size:1.125rem}h6{margin:0;margin-bottom:1rem;line-height:1.2;font-weight:500;font-size:1rem}p{margin:0;margin-bottom:1rem}p:last-child{margin-bottom:0}blockquote{margin:0;margin-bottom:1rem;padding:1rem;border-left:8px solid #dee2e6;border-color:#20cee7;border-radius:.25rem;background-color:#f1f3f5}dl,ol,ul{margin:0;margin-bottom:1rem}ol,ul{padding-left:2rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}img{max-width:100%}a{color:#15aabf;-webkit-text-decoration:none;text-decoration:none}a:hover{color:#1296a8;-webkit-text-decoration:underline;text-decoration:underline}a:active{color:#108191}pre{margin:0;margin-bottom:1rem}pre code{display:block;overflow:auto;padding-left:1rem;padding-right:1rem;padding-top:1rem;padding-bottom:1rem;border-radius:.25rem;line-height:inherit;word-wrap:normal;word-break:normal}pre .cdata,pre .comment,pre .doctype,pre .prolog{color:#708090}pre .punctuation{color:#f8f8f2}pre .namespace{opacity:.7}pre .constant,pre .deleted,pre .property,pre .symbol,pre .tag{color:#f92672}pre .boolean,pre .number{color:#ae81ff}pre .attr-name,pre .builtin,pre .char,pre .inserted,pre .selector,pre .string{color:#a6e22e}pre .entity,pre .language-css .string,pre .operator,pre .style .string,pre .url,pre .variable{color:#f8f8f2}pre .atrule,pre .attr-value,pre .class-name,pre .function{color:#e6db74}pre .keyword{color:#66d9ef}pre .important,pre .regex{color:#fd971f}pre .bold,pre .important{font-weight:600}pre .italic{font-style:italic}pre .entity{cursor:help}code{padding-left:.25rem;padding-right:.25rem;padding-top:.125rem;padding-bottom:.125rem;border-radius:.1875rem;background-color:#272822;color:#f8f8f2;font-family:"Fira Code",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:87.5%;line-height:1.125}table{margin:0;margin-bottom:1rem;display:block;overflow:auto;width:100%;border-collapse:collapse;border-spacing:0}td,th{padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;text-align:left;border:1px solid #dee2e6}th{font-weight:600}textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:auto;resize:vertical}.css-1j6w1lk{position:absolute;overrflow:hidden;height:1px;width:1px;margin:-.25rem;padding:0;top:-999px;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0)}.css-1j6w1lk:focus{position:fixed;z-index:99;top:0;left:0;width:auto;height:auto;margin:.5rem;padding:1rem;font-weight:600;background-color:#f8f9fa;-webkit-clip:auto;clip:auto}.css-9qmntt:before{display:block;content:"";height:3rem}.css-c2xsu4{position:fixed;top:0;z-index:30;width:100%;border-bottom:1px solid #dee2e6;background-color:#f8f9fa;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .3s linear;-webkit-transition:transform .3s linear;transition:transform .3s linear;will-change:transform}.css-12w9zwq{max-width:75rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3rem}.css-1cbm364{color:currentColor;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:.25rem;padding-right:.25rem;font-size:1.25rem}.css-1cbm364:hover{-webkit-text-decoration:none;text-decoration:none}.css-1cbm364:hover{-webkit-text-decoration:none;text-decoration:none}.css-v7zun1{width:25px;height:25px;margin-right:.5rem}.css-2t3cv3{fill:#15aabf}.css-j6og6x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;-webkit-flex:1;-ms-flex:1;flex:1;margin-bottom:0;margin-left:.25rem;margin-right:.25rem;padding-left:.25rem;padding-right:.25rem;list-style:none;white-space:nowrap;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0),#000 1em,#000 93%,rgba(0,0,0,0));mask-image:linear-gradient(to right,rgba(0,0,0,0),#000 1em,#000 93%,rgba(0,0,0,0));-webkit-overflow-scrolling:touch;-ms-overflow-scrolling:touch;-ms-overflow-style:none}@media screen and (min-width:640px){.css-j6og6x{margin-left:1rem;margin-right:1rem;-webkit-mask-image:none;mask-image:none}}.css-j6og6x::-webkit-scrollbar{display:none}.css-1ulrd38{color:currentColor;display:block;opacity:.9;padding:.5rem}.css-1ulrd38:hover{-webkit-text-decoration:none;text-decoration:none}.css-1ulrd38:hover{-webkit-text-decoration:none;text-decoration:none}.css-177nb4l{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;margin:0;padding-left:.5rem;padding-right:.5rem;padding-top:.5rem;padding-bottom:.5rem;border:1px solid #dee2e6;border-color:transparent;border-radius:.25rem;background-color:transparent;color:#fff;font-size:1rem;font-weight:600;line-height:1;text-align:center;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:border .3s,background .3s,color .3s,box-shadow .3s;transition:border .3s,background .3s,color .3s,box-shadow .3s;color:#717a82;-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.css-177nb4l:hover{border-color:transparent;background-color:transparent;color:#fff;-webkit-text-decoration:none;text-decoration:none}.css-177nb4l:active{border-color:transparent;background-color:transparent;color:#fff}.css-177nb4l:focus{box-shadow:0 0 0 .2rem rgba(21,170,191,.2);outline:0}.css-177nb4l:disabled{opacity:.5;cursor:default}.css-177nb4l:hover{color:#717a82}.css-1c714c{display:block;overflow:hidden;position:relative;width:24px;height:24px;border-radius:50%;border:0;box-shadow:inset 8px -8px 0 0 currentColor;background-color:transparent;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:border .3s,box-shadow .3s,background .3s,-webkit-transform .3s;-webkit-transition:border .3s,box-shadow .3s,background .3s,transform .3s;transition:border .3s,box-shadow .3s,background .3s,transform .3s;will-change:transform}.css-1c714c:before{position:absolute;right:-9px;top:-9px;width:24px;height:24px;border:0;border-radius:50%;content:"";opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:border .3s,opacity .3s,-webkit-transform .3s;-webkit-transition:border .3s,opacity .3s,transform .3s;transition:border .3s,opacity .3s,transform .3s;will-change:transform}.css-1c714c:after{position:absolute;top:50%;left:50%;margin:-4px 0 0 -4px;border-radius:50%;width:8px;height:8px;content:"";box-shadow:0 -23px 0 currentColor,0 23px 0 currentColor,23px 0 0 currentColor,-23px 0 0 currentColor,15px 15px 0 currentColor,-15px 15px 0 currentColor,15px -15px 0 currentColor,-15px -15px 0 currentColor;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s;-webkit-transition:transform .3s;transition:transform .3s;will-change:transform}.css-1r5spv3{max-width:75rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.css-1aq9v0y{font-size:4rem}.css-1ob3nm1{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-flex:1 1 20rem;-ms-flex:1 1 20rem;flex:1 1 20rem;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-left:1rem;margin-right:1rem;margin-bottom:2.5rem;border-radius:.25rem;background-color:#f8f9fa;box-shadow:0 .125rem .25rem rgba(0,0,0,.2);-webkit-transition:box-shadow .3s,-webkit-transform .3s;-webkit-transition:box-shadow .3s,transform .3s;transition:box-shadow .3s,transform .3s;will-change:transform}.css-1ob3nm1:hover{box-shadow:0 .25rem .5rem rgba(0,0,0,.2);-webkit-transform:translate(0,-2px);-ms-transform:translate(0,-2px);transform:translate(0,-2px)}.css-1jk781r{color:currentColor;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.css-1jk781r:hover{-webkit-text-decoration:none;text-decoration:none}.css-1u6f325{max-height:25rem;background-color:#495057;object-fit:cover}.css-t1e4o7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1;-ms-flex:1;flex:1;padding:1rem}.css-1ty11oc{color:#717a82;text-transform:uppercase}.css-1r5ct1h{overflow:hidden;font-size:1.5rem;text-overflow:ellipsis;white-space:nowrap}.css-1rr4qq7{-webkit-flex:1;-ms-flex:1;flex:1}.css-1k376o7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;color:#717a82}.css-jgo1yj{z-index:2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:0;padding-left:0;list-style:none}.css-jgo1yj:hover li{margin-left:0}.css-148vr0x{z-index:1;margin-left:0;-webkit-transition:margin .2s;transition:margin .2s}.css-n2wq6l{color:currentColor}.css-n2wq6l:hover{-webkit-text-decoration:none;text-decoration:none}.css-rr0t5o{border-radius:50%;background-color:#fff;width:30px;height:30px;border:1px solid #dee2e6;vertical-align:middle}.css-1okje3k{padding-top:3rem;padding-bottom:3rem;border-top:1px solid #dee2e6;background-color:#f8f9fa;color:#717a82;font-size:.875rem;text-align:center}@media screen and (min-width:640px){.css-1okje3k{text-align:left}}.css-guslj3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem}.css-hyqbg3{width:100%;margin-bottom:1.5rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width:1024px){.css-hyqbg3{width:45%}}.css-1qmy2f9{font-weight:300;margin-bottom:.5rem}.css-acwcvw{margin-bottom:1rem}.css-ifr8pt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:1rem}.css-1suwglb{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;margin:0;padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;border:1px solid #dee2e6;border-radius:.25rem;background-color:transparent;color:#343a40;line-height:inherit;font-size:1rem;-webkit-transition:border .3s,background .3s,color .3s,box-shadow .3s;transition:border .3s,background .3s,color .3s,box-shadow .3s;-webkit-flex:1;-ms-flex:1;flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.css-1suwglb:focus{box-shadow:0 0 0 .2rem rgba(21,170,191,.2);border-color:#15aabf;outline:0}.css-1suwglb:disabled{opacity:.5;cursor:default}.css-15nrm4w{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;margin:0;padding-left:.5rem;padding-right:.5rem;padding-top:.5rem;padding-bottom:.5rem;border:1px solid #dee2e6;border-color:#dee2e6;border-radius:.25rem;background-color:transparent;color:#dee2e6;font-size:1rem;font-weight:600;line-height:1;text-align:center;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:border .3s,background .3s,color .3s,box-shadow .3s;transition:border .3s,background .3s,color .3s,box-shadow .3s;padding-left:1rem;padding-right:1rem;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;color:currentColor}.css-15nrm4w:hover{border-color:#cfd5db;background-color:#cfd5db;color:#495057;-webkit-text-decoration:none;text-decoration:none}.css-15nrm4w:active{border-color:#b2bcc5;background-color:#b2bcc5;color:#495057}.css-15nrm4w:focus{box-shadow:0 0 0 .2rem rgba(21,170,191,.2);outline:0}.css-15nrm4w:disabled{opacity:.5;cursor:default}.css-i8dtig{margin-left:-.25rem;margin-right:-.25rem;padding-left:0;list-style:none}.css-k4yeou{display:inline-block;margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem}.css-1wfhlg8{color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;margin:0;padding-left:.5rem;padding-right:.5rem;padding-top:.5rem;padding-bottom:.5rem;border:1px solid #dee2e6;border-color:#dee2e6;border-radius:.25rem;background-color:transparent;color:#dee2e6;font-size:1rem;font-weight:600;line-height:1;text-align:center;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:border .3s,background .3s,color .3s,box-shadow .3s;transition:border .3s,background .3s,color .3s,box-shadow .3s;color:currentColor}.css-1wfhlg8:hover{-webkit-text-decoration:none;text-decoration:none}.css-1wfhlg8:hover{border-color:#cfd5db;background-color:#cfd5db;color:#495057;-webkit-text-decoration:none;text-decoration:none}.css-1wfhlg8:active{border-color:#b2bcc5;background-color:#b2bcc5;color:#495057}.css-1wfhlg8:focus{box-shadow:0 0 0 .2rem rgba(21,170,191,.2);outline:0}.css-1wfhlg8:disabled{opacity:.5;cursor:default}.css-1i892k8{width:100%;margin-bottom:1.5rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width:768px){.css-1i892k8{width:55%}}@media screen and (min-width:1024px){.css-1i892k8{width:25%}}.css-17lr4dl{padding-left:0;list-style:none;line-height:1.75}.css-wtmayu{display:inline-block;margin-right:.25rem}.css-wtmayu:after{content:"\002C"}.css-8ro7e7{color:currentColor}.css-8ro7e7:hover{-webkit-text-decoration:none;text-decoration:none}.css-8ro7e7:before{content:"\0023"}.css-1baulvz{display:inline-block}.css-j9xfyi{width:100%;margin-bottom:1.5rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width:640px){.css-j9xfyi{width:50%}}@media screen and (min-width:768px){.css-j9xfyi{width:25%}}@media screen and (min-width:1024px){.css-j9xfyi{width:15%}}.css-owp70s{padding-left:.25rem;padding-right:.25rem;list-style:none}.css-13pzad3:before{content:"\279F";margin-right:.25rem;opacity:.7}.css-bonhtd{width:100%;margin-bottom:1.5rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width:640px){.css-bonhtd{width:50%}}@media screen and (min-width:768px){.css-bonhtd{width:20%}}@media screen and (min-width:1024px){.css-bonhtd{width:15%}}.css-16cdh0w{display:block!important;margin-left:auto;margin-right:auto}.css-kvr7so{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:1rem;border-top:1px solid #dee2e6}@media screen and (min-width:640px){.css-kvr7so{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.css-1lxuut8{-webkit-flex:1;-ms-flex:1;flex:1;margin-bottom:0;margin-left:.5rem;padding-left:0}.css-go1izf{display:inline;margin-right:.5rem}.css-1n2mv2k{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.css-1xwrxje{color:currentColor;margin-right:.25rem}.css-1xwrxje:hover{-webkit-text-decoration:none;text-decoration:none}.css-wsl0jz{color:currentColor;margin-left:.25rem}.css-wsl0jz:hover{-webkit-text-decoration:none;text-decoration:none}@-webkit-keyframes animation-1w3hj8s{10%{top:-.8px;left:-2.2px}20%{-webkit-filter:hue-rotate(-90deg);filter:hue-rotate(-90deg);top:.8px;left:-.4px}30%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0);left:1px}40%{top:-.6px;left:-1.4px}50%{-webkit-filter:blur(1px);filter:blur(1px);left:.4px}60%{-webkit-filter:blur(0);filter:blur(0);top:3.6px;left:-2.4px}70%{top:-2px;left:.2px}80%{top:-.8px;left:-1.8px}90%{left:2.4px}100%{left:-2.4px}}@keyframes animation-1w3hj8s{10%{top:-.8px;left:-2.2px}20%{-webkit-filter:hue-rotate(-90deg);filter:hue-rotate(-90deg);top:.8px;left:-.4px}30%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0);left:1px}40%{top:-.6px;left:-1.4px}50%{-webkit-filter:blur(1px);filter:blur(1px);left:.4px}60%{-webkit-filter:blur(0);filter:blur(0);top:3.6px;left:-2.4px}70%{top:-2px;left:.2px}80%{top:-.8px;left:-1.8px}90%{left:2.4px}100%{left:-2.4px}}.css-30pqbw{position:absolute!important;top:0;z-index:-1;width:100%;min-height:40rem;max-height:100vh;background-color:#495057}.css-30pqbw:after,.css-30pqbw:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.css-30pqbw:before{background:0/4px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2' stroke='%23000' stroke-linecap='square' stroke-width='0.5'%3E%3Cline x1='0' y1='1' x2='1' y2='0'/%3E%3Cline x1='1' y1='2' x2='2' y2='1'/%3E%3C/svg%3E");opacity:.6}.css-18m2x90{padding-top:10vw;padding-bottom:10vw;text-align:center;color:#fff;font-size:1.25rem;text-shadow:0 0 .25rem rgba(0,0,0,.4);padding-top:18vw;padding-bottom:18vw}.css-18m2x90 h1{font-size:6rem}.css-5apwbq{padding-top:5rem;padding-bottom:5rem;background-color:#f1f3f5}.css-5apwbq:nth-of-type(2n){background-color:#f8f9fa}.css-4k5vul{max-width:75rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.css-1semkf1{-webkit-flex:0 1 22rem;-ms-flex:0 1 22rem;flex:0 1 22rem;-webkit-order:0;-ms-flex-order:0;order:0;margin:1.5rem;border:24px solid #dee2e6;border-color:#f8f9fa;box-shadow:0 .25rem .5rem rgba(0,0,0,.2)}@media screen and (min-width:1024px){.css-1semkf1{-webkit-order:1;-ms-flex-order:1;order:1}}.css-1yyuujw{-webkit-flex:1 1 30rem;-ms-flex:1 1 30rem;flex:1 1 30rem;padding:.5rem}@media screen and (min-width:640px){.css-1yyuujw{padding:1.5rem}}.css-km2fi2{margin-bottom:1.5rem;font-size:2.25rem}.css-4181cz{margin-bottom:1.5rem;font-size:1.125rem;line-height:1.75;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,0),#000 10%,#000);mask-image:linear-gradient(to top,rgba(0,0,0,0),#000 10%,#000)}.css-1bp8pg5{color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;margin:0;padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;border:1px solid #dee2e6;border-color:transparent;border-radius:.25rem;background-color:transparent;color:#15aabf;font-size:1rem;font-weight:600;line-height:inherit;text-align:center;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:border .3s,background .3s,color .3s,box-shadow .3s;transition:border .3s,background .3s,color .3s,box-shadow .3s}.css-1bp8pg5:hover{-webkit-text-decoration:none;text-decoration:none}.css-1bp8pg5:hover{border-color:#1296a8;background-color:#1296a8;color:#fff;-webkit-text-decoration:none;text-decoration:none}.css-1bp8pg5:active{border-color:#0d6d7a;background-color:#0d6d7a;color:#fff}.css-1bp8pg5:focus{box-shadow:0 0 0 .2rem rgba(21,170,191,.2);outline:0}.css-1bp8pg5:disabled{opacity:.5;cursor:default}.css-cv5lhs{margin-bottom:2rem;text-align:center}.css-atew98{font-size:2.25rem}.css-1xgrnsz{font-size:1.125rem;color:#717a82}.css-qkwvv5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem;margin-bottom:1rem}.css-xi606m{text-align:center}.css-um0yaj{color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;margin:0;padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;border:1px solid #dee2e6;border-color:#15aabf;border-radius:.25rem;background-color:transparent;color:#15aabf;font-size:1.125rem;font-weight:600;line-height:inherit;text-align:center;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:border .3s,background .3s,color .3s,box-shadow .3s;transition:border .3s,background .3s,color .3s,box-shadow .3s}.css-um0yaj:hover{-webkit-text-decoration:none;text-decoration:none}.css-um0yaj:hover{border-color:#1296a8;background-color:#1296a8;color:#fff;-webkit-text-decoration:none;text-decoration:none}.css-um0yaj:active{border-color:#0d6d7a;background-color:#0d6d7a;color:#fff}.css-um0yaj:focus{box-shadow:0 0 0 .2rem rgba(21,170,191,.2);outline:0}.css-um0yaj:disabled{opacity:.5;cursor:default}.css-1ezahq5{max-width:75rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;text-align:center}.css-4fz06u{font-size:5rem;opacity:.3;margin-bottom:2rem}.css-1t8fs7y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#717a82}.css-eb1fjz{padding-top:2.5rem;padding-bottom:2.5rem;background-color:#f1f3f5}.css-eb1fjz:nth-of-type(2n){background-color:#f8f9fa}.css-1yyvxh1{max-width:75rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;color:#717a82;font-family:Georgia,Cambria,"Times New Roman",Times,serif;font-size:1.25rem;text-align:center}</style><link rel="sitemap" type="application/xml" href="/sitemap.xml"><title data-react-helmet="true">汪磊的个人网站 | MAKE IT BETTER!</title><link data-react-helmet="true" rel="canonical" href="https://blog.zce.me/"><meta data-react-helmet="true" name="og:url" content="https://blog.zce.me/"><meta data-react-helmet="true" name="description" content="正在开发中，敬请期待"><meta data-react-helmet="true" name="keywords" content="博客,学习,课程,个人主页,汪磊,zce.me,zce"><meta data-react-helmet="true" name="author" content="汪磊"><meta data-react-helmet="true" name="og:site_name" content="Lei’s"><meta data-react-helmet="true" name="og:title" content="汪磊的个人网站 | MAKE IT BETTER!"><meta data-react-helmet="true" name="og:description" content="正在开发中，敬请期待"><meta data-react-helmet="true" name="og:type" content="website"><meta data-react-helmet="true" name="og:image" content="https://blog.zce.me/static/85cf3386073e83658ff9334ee0e9976b/14b42/cover.jpg"><meta data-react-helmet="true" name="og:image:width" content="800"><meta data-react-helmet="true" name="og:image:height" content="533"><link rel="icon" href="/icons/icon-48x48.png?v=a99e619d999a8bb8f0f5bee2fa578242"><link rel="manifest" href="/manifest.webmanifest" crossorigin="use-credentials"><meta name="theme-color" content="#339af0"><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=a99e619d999a8bb8f0f5bee2fa578242"><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=a99e619d999a8bb8f0f5bee2fa578242"><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=a99e619d999a8bb8f0f5bee2fa578242"><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=a99e619d999a8bb8f0f5bee2fa578242"><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=a99e619d999a8bb8f0f5bee2fa578242"><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=a99e619d999a8bb8f0f5bee2fa578242"><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=a99e619d999a8bb8f0f5bee2fa578242"><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=a99e619d999a8bb8f0f5bee2fa578242"><style>.anchor.before{position:absolute;top:0;left:0;transform:translateX(-100%);padding-right:4px}.anchor.after{display:inline-block;padding-left:4px}h1 .anchor svg,h2 .anchor svg,h3 .anchor svg,h4 .anchor svg,h5 .anchor svg,h6 .anchor svg{visibility:hidden}h1 .anchor:focus svg,h1:hover .anchor svg,h2 .anchor:focus svg,h2:hover .anchor svg,h3 .anchor:focus svg,h3:hover .anchor svg,h4 .anchor:focus svg,h4:hover .anchor svg,h5 .anchor:focus svg,h5:hover .anchor svg,h6 .anchor:focus svg,h6:hover .anchor svg{visibility:visible}</style><script>document.addEventListener("DOMContentLoaded",function(e){var o=window.decodeURI(location.hash.replace("#",""));if(""!==o){var n=document.getElementById(o);if(n){var t=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,d=document.documentElement.clientTop||document.body.clientTop||0,c=n.getBoundingClientRect().top+t-d;setTimeout(function(){window.scrollTo(0,c)},0)}}})</script><link as="script" rel="preload" href="/c89e15.js"><link as="script" rel="preload" href="/d32c95.js"><link as="script" rel="preload" href="/cdf4f2.js"><link as="script" rel="preload" href="/1455a7.js"><link as="fetch" rel="preload" href="/page-data\index\page-data.json" crossorigin="anonymous"><link as="fetch" rel="preload" href="/page-data\app-data.json" crossorigin="anonymous"></head><body style="opacity:0;background:#35363a;transition:opacity .5s"><div id="___gatsby"><div style="outline:0" tabindex="-1" id="gatsby-focus-wrapper"><a href="#content" class="css-1j6w1lk">跳转到内容区</a><header class="css-9qmntt"><nav aria-label="主要导航" class="css-c2xsu4"><div class="css-12w9zwq"><a aria-current="page" aria-label="回到首页" class="css-1cbm364" href="/"><svg viewBox="0 0 472 450" aria-hidden="true" class="css-v7zun1"><defs><filter id="shadow" x="-12.7%" y="-13.4%" width="125.4%" height="126.7%" filterUnits="objectBoundingBox"><feOffset in="SourceAlpha" result="offset-outer"></feOffset><feGaussianBlur stdDeviation="20" in="offset-outer" result="blue-outer"></feGaussianBlur><feComposite in="blue-outer" in2="SourceAlpha" operator="out" result="blue-outer"></feComposite><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0" in="blue-outer"></feColorMatrix></filter></defs><mask id="mask" fill="#fff"><path d="M472 114.26L203.029 335.74H407.1L472 449.48H64.9L0 335.74l268.971-221.48H64.9L0 .52h407.1z"></path></mask><g mask="url(#mask)" class="css-2t3cv3"><path d="M0 0h472v449H0z"></path></g><g mask="url(#mask)"><path d="M0 335.74l64.9 113.74L472 114.26 407.1.52z" filter="url(#shadow)"></path></g></svg><span>Lei’s</span></a><ul class="css-j6og6x"><li><a aria-current="page" class="css-1ulrd38" href="/">首页</a></li><li><a class="css-1ulrd38" href="/courses/">课程</a></li><li><a class="css-1ulrd38" href="/blog/">博客</a></li><li><a class="css-1ulrd38" href="/about/">关于</a></li><li><a class="css-1ulrd38" href="/contact/">联系</a></li><li><a class="css-1ulrd38" href="/discuss/">讨论</a></li></ul><button title="切换至「暗色」模式" aria-label="切换至「暗色」模式" class="css-177nb4l"><span class="css-1c714c"></span></button></div></nav></header><main id="content"><div class="css-30pqbw gatsby-image-wrapper" style="position:relative;overflow:hidden"><div aria-hidden="true" style="width:100%;padding-bottom:66.66666666666667%"></div><img aria-hidden="true" src="" alt="" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:.5s"><noscript><picture><source srcset="/static/85cf3386073e83658ff9334ee0e9976b/c158a/cover.jpg 270w, /static/85cf3386073e83658ff9334ee0e9976b/083fb/cover.jpg 540w, /static/85cf3386073e83658ff9334ee0e9976b/d6649/cover.jpg 1080w, /static/85cf3386073e83658ff9334ee0e9976b/d3f6e/cover.jpg 1620w, /static/85cf3386073e83658ff9334ee0e9976b/ab662/cover.jpg 1920w" sizes="(max-width: 1080px) 100vw, 1080px"><img loading="lazy" sizes="(max-width: 1080px) 100vw, 1080px" srcset="/static/85cf3386073e83658ff9334ee0e9976b/c158a/cover.jpg 270w, /static/85cf3386073e83658ff9334ee0e9976b/083fb/cover.jpg 540w, /static/85cf3386073e83658ff9334ee0e9976b/d6649/cover.jpg 1080w, /static/85cf3386073e83658ff9334ee0e9976b/d3f6e/cover.jpg 1620w, /static/85cf3386073e83658ff9334ee0e9976b/ab662/cover.jpg 1920w" src="/static/85cf3386073e83658ff9334ee0e9976b/d6649/cover.jpg" alt="" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"></picture></noscript></div><header class="css-18m2x90"><div class="css-1r5spv3"><h1 class="css-1aq9v0y">Lei’s</h1><p>正在开发中，敬请期待</p></div></header><section class="css-5apwbq"><article class="css-4k5vul"><figure class="css-1semkf1 gatsby-image-wrapper" style="position:relative;overflow:hidden"><figure aria-hidden="true" style="width:100%;padding-bottom:133.33333333333334%"></figure><img aria-hidden="true" src="" title="忘掉那些不开心，发现生活中的美好" alt="忘掉那些不开心，发现生活中的美好" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:.5s"><noscript><picture><source srcset="/static/90854ececc9c60be09ff5ad1f7c575b9/1f9bd/cover.jpg 90w, /static/90854ececc9c60be09ff5ad1f7c575b9/f47b3/cover.jpg 180w, /static/90854ececc9c60be09ff5ad1f7c575b9/709c8/cover.jpg 360w, /static/90854ececc9c60be09ff5ad1f7c575b9/f1493/cover.jpg 540w, /static/90854ececc9c60be09ff5ad1f7c575b9/a9720/cover.jpg 720w, /static/90854ececc9c60be09ff5ad1f7c575b9/995e7/cover.jpg 1680w" sizes="(max-width: 360px) 100vw, 360px"><img loading="lazy" sizes="(max-width: 360px) 100vw, 360px" srcset="/static/90854ececc9c60be09ff5ad1f7c575b9/1f9bd/cover.jpg 90w, /static/90854ececc9c60be09ff5ad1f7c575b9/f47b3/cover.jpg 180w, /static/90854ececc9c60be09ff5ad1f7c575b9/709c8/cover.jpg 360w, /static/90854ececc9c60be09ff5ad1f7c575b9/f1493/cover.jpg 540w, /static/90854ececc9c60be09ff5ad1f7c575b9/a9720/cover.jpg 720w, /static/90854ececc9c60be09ff5ad1f7c575b9/995e7/cover.jpg 1680w" src="/static/90854ececc9c60be09ff5ad1f7c575b9/709c8/cover.jpg" alt="忘掉那些不开心，发现生活中的美好" title="忘掉那些不开心，发现生活中的美好" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"></picture></noscript></figure><div class="css-1yyuujw"><h2 class="css-km2fi2">忘掉那些不开心，发现生活中的美好</h2><div class="css-4181cz"><p>或许没有轰轰烈烈的传奇故事，但就是那份平淡，才得以让我们疲惫的心得到休息。在这当中，不乏生活中的美。</p><p>生活，拒绝平庸，但不拒绝平淡；拒绝清贫，但不拒绝清高；</p><p>拒绝骄奢，但不拒绝高傲。生活的真实，其实，就是真实的生活。一分一秒，一丝一缕，一草一木，一点一滴，无不蕴藏在目之可视、耳之可闻、鼻之可嗅、手之可触的细微之处，只要我们静下心来，细细观察，耐心品味，就会发现生活之美，享受美的生活。</p><p>当平凡的我们，以审视美的眼光来看生活的时候，我们不得不赞叹：那些浑然天成的处处旖旎风景，究竟从何而来？难道是上天的鬼斧神工？不，是我们，是我们用勤劳的双手造就了这一切一切，让生活因我们而精彩。</p><p>走在外面的小路上，看庭前花开花落，望天上云卷云舒，倒不乏一种惬意－－那是来自于恬静生活的惬意。时不时遇见几个邻居，就笑着打打招呼。看见有小孩子不小心摔倒，就会不由自主地将他扶起。</p><p>…</p></div><a title="忘掉那些不开心，发现生活中的美好" class="css-1bp8pg5" href="/2019/12/beauty-of-life/">继续阅读 <span aria-hidden="true">→</span></a></div></article></section><section class="css-5apwbq"><div class="css-1r5spv3"><header class="css-cv5lhs"><h2 class="css-atew98">近期文章</h2><p class="css-1xgrnsz">留住生活中的点点滴滴，贵在记录和分享</p></header><div class="css-qkwvv5"><article class="css-1ob3nm1"><a title="POST - 快乐成长，活出生命" class="css-1jk781r" href="/2020/02/enjoy-yourself/"></a><div class="css-1u6f325 gatsby-image-wrapper" style="position:relative;overflow:hidden"><div aria-hidden="true" style="width:100%;padding-bottom:66.66666666666667%"></div><img aria-hidden="true" src="" alt="快乐成长，活出生命" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:.5s"><noscript><picture><source srcset="/static/02ecba409df9af65cb82bf0fa45efec2/0132c/cover.jpg 135w, /static/02ecba409df9af65cb82bf0fa45efec2/c158a/cover.jpg 270w, /static/02ecba409df9af65cb82bf0fa45efec2/083fb/cover.jpg 540w, /static/02ecba409df9af65cb82bf0fa45efec2/6ab9d/cover.jpg 810w, /static/02ecba409df9af65cb82bf0fa45efec2/d6649/cover.jpg 1080w, /static/02ecba409df9af65cb82bf0fa45efec2/d3f6e/cover.jpg 1620w" sizes="(max-width: 540px) 100vw, 540px"><img loading="lazy" sizes="(max-width: 540px) 100vw, 540px" srcset="/static/02ecba409df9af65cb82bf0fa45efec2/0132c/cover.jpg 135w, /static/02ecba409df9af65cb82bf0fa45efec2/c158a/cover.jpg 270w, /static/02ecba409df9af65cb82bf0fa45efec2/083fb/cover.jpg 540w, /static/02ecba409df9af65cb82bf0fa45efec2/6ab9d/cover.jpg 810w, /static/02ecba409df9af65cb82bf0fa45efec2/d6649/cover.jpg 1080w, /static/02ecba409df9af65cb82bf0fa45efec2/d3f6e/cover.jpg 1620w" src="/static/02ecba409df9af65cb82bf0fa45efec2/083fb/cover.jpg" alt="快乐成长，活出生命" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"></picture></noscript></div><div class="css-t1e4o7"><span class="css-1ty11oc">生活</span><h3 class="css-1r5ct1h">快乐成长，活出生命</h3><p class="css-1rr4qq7">我的小少爷，今天是你的 3 岁生日，爸爸在北京祝你生日快乐。特殊时期，爸爸不在你身边，希望你能够健健康康、快乐成长。享…</p><footer class="css-1k376o7"><ul class="css-jgo1yj"><li class="css-148vr0x"><a title="汪磊" class="css-n2wq6l" href="/authors/zce/"><img class="css-rr0t5o" alt="汪磊" src="/static/e89ac07ab5eb7c9cf655a5ed73f61806/58a4b/avatar-zce.jpg" srcset="/static/e89ac07ab5eb7c9cf655a5ed73f61806/58a4b/avatar-zce.jpg, /static/e89ac07ab5eb7c9cf655a5ed73f61806/f8771/avatar-zce.jpg 1.5x, /static/e89ac07ab5eb7c9cf655a5ed73f61806/56ed0/avatar-zce.jpg 2x" loading="lazy"></a></li></ul><small>1 分钟</small></footer></div></article><article class="css-1ob3nm1"><a title="POST - 大时代小访客" class="css-1jk781r" href="/2020/01/big-time-small-visitors/"></a><div class="css-1u6f325 gatsby-image-wrapper" style="position:relative;overflow:hidden"><div aria-hidden="true" style="width:100%;padding-bottom:66.66666666666667%"></div><img aria-hidden="true" src="" alt="大时代小访客" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:.5s"><noscript><picture><source srcset="/static/cca20dab6168d5be76610abd2b34517b/0132c/cover.jpg 135w, /static/cca20dab6168d5be76610abd2b34517b/c158a/cover.jpg 270w, /static/cca20dab6168d5be76610abd2b34517b/083fb/cover.jpg 540w, /static/cca20dab6168d5be76610abd2b34517b/6ab9d/cover.jpg 810w, /static/cca20dab6168d5be76610abd2b34517b/d6649/cover.jpg 1080w, /static/cca20dab6168d5be76610abd2b34517b/824a0/cover.jpg 1098w" sizes="(max-width: 540px) 100vw, 540px"><img loading="lazy" sizes="(max-width: 540px) 100vw, 540px" srcset="/static/cca20dab6168d5be76610abd2b34517b/0132c/cover.jpg 135w, /static/cca20dab6168d5be76610abd2b34517b/c158a/cover.jpg 270w, /static/cca20dab6168d5be76610abd2b34517b/083fb/cover.jpg 540w, /static/cca20dab6168d5be76610abd2b34517b/6ab9d/cover.jpg 810w, /static/cca20dab6168d5be76610abd2b34517b/d6649/cover.jpg 1080w, /static/cca20dab6168d5be76610abd2b34517b/824a0/cover.jpg 1098w" src="/static/cca20dab6168d5be76610abd2b34517b/083fb/cover.jpg" alt="大时代小访客" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"></picture></noscript></div><div class="css-t1e4o7"><span class="css-1ty11oc">生活</span><h3 class="css-1r5ct1h">大时代小访客</h3><p class="css-1rr4qq7">昨晚在爱奇艺上线了《爱情公寓》系列的最终季，我看了三集。由于本身并没有抱着太高的要求，所以整体感觉还不错。 不过不得不…</p><footer class="css-1k376o7"><ul class="css-jgo1yj"><li class="css-148vr0x"><a title="汪磊" class="css-n2wq6l" href="/authors/zce/"><img class="css-rr0t5o" alt="汪磊" src="/static/e89ac07ab5eb7c9cf655a5ed73f61806/58a4b/avatar-zce.jpg" srcset="/static/e89ac07ab5eb7c9cf655a5ed73f61806/58a4b/avatar-zce.jpg, /static/e89ac07ab5eb7c9cf655a5ed73f61806/f8771/avatar-zce.jpg 1.5x, /static/e89ac07ab5eb7c9cf655a5ed73f61806/56ed0/avatar-zce.jpg 2x" loading="lazy"></a></li></ul><small>1 分钟</small></footer></div></article><article class="css-1ob3nm1"><a title="POST - 忘掉那些不开心，发现生活中的美好" class="css-1jk781r" href="/2019/12/beauty-of-life/"></a><div class="css-1u6f325 gatsby-image-wrapper" style="position:relative;overflow:hidden"><div aria-hidden="true" style="width:100%;padding-bottom:66.66666666666667%"></div><img aria-hidden="true" src="" alt="忘掉那些不开心，发现生活中的美好" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:.5s"><noscript><picture><source srcset="/static/90854ececc9c60be09ff5ad1f7c575b9/0132c/cover.jpg 135w, /static/90854ececc9c60be09ff5ad1f7c575b9/c158a/cover.jpg 270w, /static/90854ececc9c60be09ff5ad1f7c575b9/083fb/cover.jpg 540w, /static/90854ececc9c60be09ff5ad1f7c575b9/6ab9d/cover.jpg 810w, /static/90854ececc9c60be09ff5ad1f7c575b9/d6649/cover.jpg 1080w, /static/90854ececc9c60be09ff5ad1f7c575b9/ea889/cover.jpg 1680w" sizes="(max-width: 540px) 100vw, 540px"><img loading="lazy" sizes="(max-width: 540px) 100vw, 540px" srcset="/static/90854ececc9c60be09ff5ad1f7c575b9/0132c/cover.jpg 135w, /static/90854ececc9c60be09ff5ad1f7c575b9/c158a/cover.jpg 270w, /static/90854ececc9c60be09ff5ad1f7c575b9/083fb/cover.jpg 540w, /static/90854ececc9c60be09ff5ad1f7c575b9/6ab9d/cover.jpg 810w, /static/90854ececc9c60be09ff5ad1f7c575b9/d6649/cover.jpg 1080w, /static/90854ececc9c60be09ff5ad1f7c575b9/ea889/cover.jpg 1680w" src="/static/90854ececc9c60be09ff5ad1f7c575b9/083fb/cover.jpg" alt="忘掉那些不开心，发现生活中的美好" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"></picture></noscript></div><div class="css-t1e4o7"><span class="css-1ty11oc">旅行</span><h3 class="css-1r5ct1h">忘掉那些不开心，发现生活中的美好</h3><p class="css-1rr4qq7">或许没有轰轰烈烈的传奇故事，但就是那份平淡，才得以让我们疲惫的心得到休息。在这当中，不乏生活中的美。 生活，拒绝平庸，…</p><footer class="css-1k376o7"><ul class="css-jgo1yj"><li class="css-148vr0x"><a title="汪磊" class="css-n2wq6l" href="/authors/zce/"><img class="css-rr0t5o" alt="汪磊" src="/static/e89ac07ab5eb7c9cf655a5ed73f61806/58a4b/avatar-zce.jpg" srcset="/static/e89ac07ab5eb7c9cf655a5ed73f61806/58a4b/avatar-zce.jpg, /static/e89ac07ab5eb7c9cf655a5ed73f61806/f8771/avatar-zce.jpg 1.5x, /static/e89ac07ab5eb7c9cf655a5ed73f61806/56ed0/avatar-zce.jpg 2x" loading="lazy"></a></li></ul><small>1 分钟</small></footer></div></article><article class="css-1ob3nm1"><a title="POST - 前端工程化 - 脚手架工具" class="css-1jk781r" href="/2019/08/frontend-engineering-scaffolding/"></a><div class="css-1u6f325 gatsby-image-wrapper" style="position:relative;overflow:hidden"><div aria-hidden="true" style="width:100%;padding-bottom:66.66666666666667%"></div><img aria-hidden="true" src="" alt="前端工程化 - 脚手架工具" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:.5s"><noscript><picture><source srcset="/static/91b07808be4b7a52f807a1a5d6f03dfb/c8a29/cover.png 135w, /static/91b07808be4b7a52f807a1a5d6f03dfb/03e09/cover.png 270w, /static/91b07808be4b7a52f807a1a5d6f03dfb/a183f/cover.png 540w, /static/91b07808be4b7a52f807a1a5d6f03dfb/fed18/cover.png 810w, /static/91b07808be4b7a52f807a1a5d6f03dfb/85309/cover.png 900w" sizes="(max-width: 540px) 100vw, 540px"><img loading="lazy" sizes="(max-width: 540px) 100vw, 540px" srcset="/static/91b07808be4b7a52f807a1a5d6f03dfb/c8a29/cover.png 135w, /static/91b07808be4b7a52f807a1a5d6f03dfb/03e09/cover.png 270w, /static/91b07808be4b7a52f807a1a5d6f03dfb/a183f/cover.png 540w, /static/91b07808be4b7a52f807a1a5d6f03dfb/fed18/cover.png 810w, /static/91b07808be4b7a52f807a1a5d6f03dfb/85309/cover.png 900w" src="/static/91b07808be4b7a52f807a1a5d6f03dfb/a183f/cover.png" alt="前端工程化 - 脚手架工具" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"></picture></noscript></div><div class="css-t1e4o7"><span class="css-1ty11oc">教程</span><h3 class="css-1r5ct1h">前端工程化 - 脚手架工具</h3><p class="css-1rr4qq7">在对前端工程化的整体有了初步的认识之后，我们顺着一个项目的开发过程，先从脚手架开始，探讨前端工程化在项目创建环节中的具…</p><footer class="css-1k376o7"><ul class="css-jgo1yj"><li class="css-148vr0x"><a title="汪磊" class="css-n2wq6l" href="/authors/zce/"><img class="css-rr0t5o" alt="汪磊" src="/static/e89ac07ab5eb7c9cf655a5ed73f61806/58a4b/avatar-zce.jpg" srcset="/static/e89ac07ab5eb7c9cf655a5ed73f61806/58a4b/avatar-zce.jpg, /static/e89ac07ab5eb7c9cf655a5ed73f61806/f8771/avatar-zce.jpg 1.5x, /static/e89ac07ab5eb7c9cf655a5ed73f61806/56ed0/avatar-zce.jpg 2x" loading="lazy"></a></li></ul><small>16 分钟</small></footer></div></article><article class="css-1ob3nm1"><a title="POST - 前端工程化 - 概述" class="css-1jk781r" href="/2019/08/frontend-engineering-summary/"></a><div class="css-1u6f325 gatsby-image-wrapper" style="position:relative;overflow:hidden"><div aria-hidden="true" style="width:100%;padding-bottom:66.66666666666667%"></div><img aria-hidden="true" src="" alt="前端工程化 - 概述" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:.5s"><noscript><picture><source srcset="/static/a159248328406e0a7886925b2974ac78/0132c/cover.jpg 135w, /static/a159248328406e0a7886925b2974ac78/c158a/cover.jpg 270w, /static/a159248328406e0a7886925b2974ac78/083fb/cover.jpg 540w, /static/a159248328406e0a7886925b2974ac78/c9315/cover.jpg 766w" sizes="(max-width: 540px) 100vw, 540px"><img loading="lazy" sizes="(max-width: 540px) 100vw, 540px" srcset="/static/a159248328406e0a7886925b2974ac78/0132c/cover.jpg 135w, /static/a159248328406e0a7886925b2974ac78/c158a/cover.jpg 270w, /static/a159248328406e0a7886925b2974ac78/083fb/cover.jpg 540w, /static/a159248328406e0a7886925b2974ac78/c9315/cover.jpg 766w" src="/static/a159248328406e0a7886925b2974ac78/083fb/cover.jpg" alt="前端工程化 - 概述" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"></picture></noscript></div><div class="css-t1e4o7"><span class="css-1ty11oc">教程</span><h3 class="css-1r5ct1h">前端工程化 - 概述</h3><p class="css-1rr4qq7">前端工程化是指遵循一定的标准和规范，通过工具提高开发效率、降低维护成本的一种手段。近些年被广泛的关注和探讨，究其原因，…</p><footer class="css-1k376o7"><ul class="css-jgo1yj"><li class="css-148vr0x"><a title="汪磊" class="css-n2wq6l" href="/authors/zce/"><img class="css-rr0t5o" alt="汪磊" src="/static/e89ac07ab5eb7c9cf655a5ed73f61806/58a4b/avatar-zce.jpg" srcset="/static/e89ac07ab5eb7c9cf655a5ed73f61806/58a4b/avatar-zce.jpg, /static/e89ac07ab5eb7c9cf655a5ed73f61806/f8771/avatar-zce.jpg 1.5x, /static/e89ac07ab5eb7c9cf655a5ed73f61806/56ed0/avatar-zce.jpg 2x" loading="lazy"></a></li></ul><small>4 分钟</small></footer></div></article><article class="css-1ob3nm1"><a title="POST - Electron 跨平台桌面应用开发" class="css-1jk781r" href="/2019/08/electron-desktop-app/"></a><div class="css-1u6f325 gatsby-image-wrapper" style="position:relative;overflow:hidden"><div aria-hidden="true" style="width:100%;padding-bottom:66.66666666666667%"></div><img aria-hidden="true" src="" alt="Electron 跨平台桌面应用开发" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:.5s"><noscript><picture><source srcset="/static/d2ab6b0a21a89ed42e17380ee816ed31/c8a29/cover.png 135w, /static/d2ab6b0a21a89ed42e17380ee816ed31/03e09/cover.png 270w, /static/d2ab6b0a21a89ed42e17380ee816ed31/a183f/cover.png 540w, /static/d2ab6b0a21a89ed42e17380ee816ed31/fed18/cover.png 810w, /static/d2ab6b0a21a89ed42e17380ee816ed31/367b3/cover.png 1080w, /static/d2ab6b0a21a89ed42e17380ee816ed31/26ed1/cover.png 1200w" sizes="(max-width: 540px) 100vw, 540px"><img loading="lazy" sizes="(max-width: 540px) 100vw, 540px" srcset="/static/d2ab6b0a21a89ed42e17380ee816ed31/c8a29/cover.png 135w, /static/d2ab6b0a21a89ed42e17380ee816ed31/03e09/cover.png 270w, /static/d2ab6b0a21a89ed42e17380ee816ed31/a183f/cover.png 540w, /static/d2ab6b0a21a89ed42e17380ee816ed31/fed18/cover.png 810w, /static/d2ab6b0a21a89ed42e17380ee816ed31/367b3/cover.png 1080w, /static/d2ab6b0a21a89ed42e17380ee816ed31/26ed1/cover.png 1200w" src="/static/d2ab6b0a21a89ed42e17380ee816ed31/a183f/cover.png" alt="Electron 跨平台桌面应用开发" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"></picture></noscript></div><div class="css-t1e4o7"><span class="css-1ty11oc">教程</span><h3 class="css-1r5ct1h">Electron 跨平台桌面应用开发</h3><p class="css-1rr4qq7">Electron 是一个运行平台，它能够让我们通过 HTML + CSS + JavaScript 开发桌面应用程序。…</p><footer class="css-1k376o7"><ul class="css-jgo1yj"><li class="css-148vr0x"><a title="汪磊" class="css-n2wq6l" href="/authors/zce/"><img class="css-rr0t5o" alt="汪磊" src="/static/e89ac07ab5eb7c9cf655a5ed73f61806/58a4b/avatar-zce.jpg" srcset="/static/e89ac07ab5eb7c9cf655a5ed73f61806/58a4b/avatar-zce.jpg, /static/e89ac07ab5eb7c9cf655a5ed73f61806/f8771/avatar-zce.jpg 1.5x, /static/e89ac07ab5eb7c9cf655a5ed73f61806/56ed0/avatar-zce.jpg 2x" loading="lazy"></a></li></ul><small>8 分钟</small></footer></div></article></div><footer class="css-xi606m"><a title="近期文章" class="css-um0yaj" href="/blog/">发现更多 <span aria-hidden="true">→</span></a></footer></div></section><section class="css-5apwbq"><article class="css-4k5vul"><figure class="css-1semkf1 gatsby-image-wrapper" style="position:relative;overflow:hidden"><figure aria-hidden="true" style="width:100%;padding-bottom:133.33333333333334%"></figure><img aria-hidden="true" src="" title="Welcome to Ghost" alt="Welcome to Ghost" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:.5s"><noscript><picture><source srcset="/static/ff03015fada974c752fa9d5404e8efe5/1f9bd/cover.jpg 90w, /static/ff03015fada974c752fa9d5404e8efe5/f47b3/cover.jpg 180w, /static/ff03015fada974c752fa9d5404e8efe5/709c8/cover.jpg 360w, /static/ff03015fada974c752fa9d5404e8efe5/f1493/cover.jpg 540w, /static/ff03015fada974c752fa9d5404e8efe5/a9720/cover.jpg 720w, /static/ff03015fada974c752fa9d5404e8efe5/e4d8f/cover.jpg 1600w" sizes="(max-width: 360px) 100vw, 360px"><img loading="lazy" sizes="(max-width: 360px) 100vw, 360px" srcset="/static/ff03015fada974c752fa9d5404e8efe5/1f9bd/cover.jpg 90w, /static/ff03015fada974c752fa9d5404e8efe5/f47b3/cover.jpg 180w, /static/ff03015fada974c752fa9d5404e8efe5/709c8/cover.jpg 360w, /static/ff03015fada974c752fa9d5404e8efe5/f1493/cover.jpg 540w, /static/ff03015fada974c752fa9d5404e8efe5/a9720/cover.jpg 720w, /static/ff03015fada974c752fa9d5404e8efe5/e4d8f/cover.jpg 1600w" src="/static/ff03015fada974c752fa9d5404e8efe5/709c8/cover.jpg" alt="Welcome to Ghost" title="Welcome to Ghost" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"></picture></noscript></figure><div class="css-1yyuujw"><h2 class="css-km2fi2">Welcome to Ghost</h2><div class="css-4181cz"><p>👋 Welcome, it’s great to have you here.</p><p>We know that first impressions are important, so we’ve populated your new site with some initial <strong>getting started</strong> posts that will help you get familiar with everything in no time. This is the first one!</p><p><strong>A few things you should know upfront</strong>:</p><ol><li>Ghost is designed for ambitious, professional publishers who want to actively build a business around their content. That’s who it works best for.</li><li>The entire platform can be modified and customised to suit your needs. It’s very powerful, but does require some knowledge of code. Ghost is not necessarily a good platform for beginners or people who just want a simple personal blog.</li><li>For the best experience we recommend downloading the <a href="https://ghost.org/downloads/">Ghost Desktop App</a>…</li></ol></div><a title="Welcome to Ghost" class="css-1bp8pg5" href="/2017/05/welcome/">继续阅读 <span aria-hidden="true">→</span></a></div></article></section><section class="css-5apwbq"><div class="css-1r5spv3"><header class="css-cv5lhs"><h2 class="css-atew98">最新课程</h2><p class="css-1xgrnsz">咱们一起来玩点新鲜好玩、有意思的东西，持续学习是一种信仰</p></header><div class="css-qkwvv5"><article class="css-1ob3nm1"><a title="COURSE - 前端模块化" class="css-1jk781r" href="/courses/modular/"></a><div class="css-1u6f325 gatsby-image-wrapper" style="position:relative;overflow:hidden"><div aria-hidden="true" style="width:100%;padding-bottom:66.66666666666667%"></div><img aria-hidden="true" src="" alt="前端模块化" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:.5s"><noscript><picture><source srcset="/static/dc88603d9277fce4c4eddc45d71713a5/c8a29/cover.png 135w, /static/dc88603d9277fce4c4eddc45d71713a5/03e09/cover.png 270w, /static/dc88603d9277fce4c4eddc45d71713a5/a183f/cover.png 540w, /static/dc88603d9277fce4c4eddc45d71713a5/fed18/cover.png 810w, /static/dc88603d9277fce4c4eddc45d71713a5/367b3/cover.png 1080w, /static/dc88603d9277fce4c4eddc45d71713a5/9cca7/cover.png 1538w" sizes="(max-width: 540px) 100vw, 540px"><img loading="lazy" sizes="(max-width: 540px) 100vw, 540px" srcset="/static/dc88603d9277fce4c4eddc45d71713a5/c8a29/cover.png 135w, /static/dc88603d9277fce4c4eddc45d71713a5/03e09/cover.png 270w, /static/dc88603d9277fce4c4eddc45d71713a5/a183f/cover.png 540w, /static/dc88603d9277fce4c4eddc45d71713a5/fed18/cover.png 810w, /static/dc88603d9277fce4c4eddc45d71713a5/367b3/cover.png 1080w, /static/dc88603d9277fce4c4eddc45d71713a5/9cca7/cover.png 1538w" src="/static/dc88603d9277fce4c4eddc45d71713a5/a183f/cover.png" alt="前端模块化" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"></picture></noscript></div><div class="css-t1e4o7"><span class="css-1ty11oc">工程化</span><h3 class="css-1r5ct1h">前端模块化</h3><p class="css-1rr4qq7">模块化可以说是当下最重要的前端开发范式之一。随着前端应用的日益复杂，我们的项目代码已经逐渐膨胀到了不得不花大量时间去管…</p><footer class="css-1k376o7"><ul class="css-jgo1yj"><li class="css-148vr0x"><a title="汪磊" class="css-n2wq6l" href="/authors/zce/"><img class="css-rr0t5o" alt="汪磊" src="/static/e89ac07ab5eb7c9cf655a5ed73f61806/58a4b/avatar-zce.jpg" srcset="/static/e89ac07ab5eb7c9cf655a5ed73f61806/58a4b/avatar-zce.jpg, /static/e89ac07ab5eb7c9cf655a5ed73f61806/f8771/avatar-zce.jpg 1.5x, /static/e89ac07ab5eb7c9cf655a5ed73f61806/56ed0/avatar-zce.jpg 2x" loading="lazy"></a></li></ul><small>7 视频</small></footer></div></article><article class="css-1ob3nm1"><a title="COURSE - 前端自动化" class="css-1jk781r" href="/courses/automate/"></a><div class="css-1u6f325 gatsby-image-wrapper" style="position:relative;overflow:hidden"><div aria-hidden="true" style="width:100%;padding-bottom:66.66666666666667%"></div><img aria-hidden="true" src="" alt="前端自动化" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:.5s"><noscript><picture><source srcset="/static/c62bfbfc3152492a3d8d03a7bd72a991/0132c/cover.jpg 135w, /static/c62bfbfc3152492a3d8d03a7bd72a991/c158a/cover.jpg 270w, /static/c62bfbfc3152492a3d8d03a7bd72a991/083fb/cover.jpg 540w, /static/c62bfbfc3152492a3d8d03a7bd72a991/6ab9d/cover.jpg 810w, /static/c62bfbfc3152492a3d8d03a7bd72a991/d6649/cover.jpg 1080w, /static/c62bfbfc3152492a3d8d03a7bd72a991/25a76/cover.jpg 1472w" sizes="(max-width: 540px) 100vw, 540px"><img loading="lazy" sizes="(max-width: 540px) 100vw, 540px" srcset="/static/c62bfbfc3152492a3d8d03a7bd72a991/0132c/cover.jpg 135w, /static/c62bfbfc3152492a3d8d03a7bd72a991/c158a/cover.jpg 270w, /static/c62bfbfc3152492a3d8d03a7bd72a991/083fb/cover.jpg 540w, /static/c62bfbfc3152492a3d8d03a7bd72a991/6ab9d/cover.jpg 810w, /static/c62bfbfc3152492a3d8d03a7bd72a991/d6649/cover.jpg 1080w, /static/c62bfbfc3152492a3d8d03a7bd72a991/25a76/cover.jpg 1472w" src="/static/c62bfbfc3152492a3d8d03a7bd72a991/083fb/cover.jpg" alt="前端自动化" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"></picture></noscript></div><div class="css-t1e4o7"><span class="css-1ty11oc">工程化</span><h3 class="css-1r5ct1h">前端自动化</h3><p class="css-1rr4qq7">自动化构建是前端工程化中一个非常重要的组成部分，在具体学习之前我们先来解读一下这个开发行业经常提及的名词： 「自动化」…</p><footer class="css-1k376o7"><ul class="css-jgo1yj"><li class="css-148vr0x"><a title="汪磊" class="css-n2wq6l" href="/authors/zce/"><img class="css-rr0t5o" alt="汪磊" src="/static/e89ac07ab5eb7c9cf655a5ed73f61806/58a4b/avatar-zce.jpg" srcset="/static/e89ac07ab5eb7c9cf655a5ed73f61806/58a4b/avatar-zce.jpg, /static/e89ac07ab5eb7c9cf655a5ed73f61806/f8771/avatar-zce.jpg 1.5x, /static/e89ac07ab5eb7c9cf655a5ed73f61806/56ed0/avatar-zce.jpg 2x" loading="lazy"></a></li></ul><small>35 视频</small></footer></div></article><article class="css-1ob3nm1"><a title="COURSE - 前端脚手架" class="css-1jk781r" href="/courses/scaffolding/"></a><div class="css-1u6f325 gatsby-image-wrapper" style="position:relative;overflow:hidden"><div aria-hidden="true" style="width:100%;padding-bottom:66.66666666666667%"></div><img aria-hidden="true" src="" alt="前端脚手架" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:.5s"><noscript><picture><source srcset="/static/91b07808be4b7a52f807a1a5d6f03dfb/c8a29/cover.png 135w, /static/91b07808be4b7a52f807a1a5d6f03dfb/03e09/cover.png 270w, /static/91b07808be4b7a52f807a1a5d6f03dfb/a183f/cover.png 540w, /static/91b07808be4b7a52f807a1a5d6f03dfb/fed18/cover.png 810w, /static/91b07808be4b7a52f807a1a5d6f03dfb/85309/cover.png 900w" sizes="(max-width: 540px) 100vw, 540px"><img loading="lazy" sizes="(max-width: 540px) 100vw, 540px" srcset="/static/91b07808be4b7a52f807a1a5d6f03dfb/c8a29/cover.png 135w, /static/91b07808be4b7a52f807a1a5d6f03dfb/03e09/cover.png 270w, /static/91b07808be4b7a52f807a1a5d6f03dfb/a183f/cover.png 540w, /static/91b07808be4b7a52f807a1a5d6f03dfb/fed18/cover.png 810w, /static/91b07808be4b7a52f807a1a5d6f03dfb/85309/cover.png 900w" src="/static/91b07808be4b7a52f807a1a5d6f03dfb/a183f/cover.png" alt="前端脚手架" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"></picture></noscript></div><div class="css-t1e4o7"><span class="css-1ty11oc">工程化</span><h3 class="css-1r5ct1h">前端脚手架</h3><p class="css-1rr4qq7">在对前端工程化的整体有了初步的认识之后，我们顺着一个项目的开发过程，先从脚手架开始，探讨前端工程化在项目创建环节中的具…</p><footer class="css-1k376o7"><ul class="css-jgo1yj"><li class="css-148vr0x"><a title="汪磊" class="css-n2wq6l" href="/authors/zce/"><img class="css-rr0t5o" alt="汪磊" src="/static/e89ac07ab5eb7c9cf655a5ed73f61806/58a4b/avatar-zce.jpg" srcset="/static/e89ac07ab5eb7c9cf655a5ed73f61806/58a4b/avatar-zce.jpg, /static/e89ac07ab5eb7c9cf655a5ed73f61806/f8771/avatar-zce.jpg 1.5x, /static/e89ac07ab5eb7c9cf655a5ed73f61806/56ed0/avatar-zce.jpg 2x" loading="lazy"></a></li></ul><small>19 视频</small></footer></div></article></div><footer class="css-xi606m"><a title="最新课程" class="css-um0yaj" href="/courses/">发现更多 <span aria-hidden="true">→</span></a></footer></div></section><section class="css-5apwbq"><article class="css-4k5vul"><figure class="css-1semkf1 gatsby-image-wrapper" style="position:relative;overflow:hidden"><figure aria-hidden="true" style="width:100%;padding-bottom:133.33333333333334%"></figure><img aria-hidden="true" src="" title="Apps &amp; integrations" alt="Apps &amp; integrations" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:.5s"><noscript><picture><source srcset="/static/a90a598339a6d558e8dca88fba6dff94/1f9bd/cover.jpg 90w, /static/a90a598339a6d558e8dca88fba6dff94/f47b3/cover.jpg 180w, /static/a90a598339a6d558e8dca88fba6dff94/709c8/cover.jpg 360w, /static/a90a598339a6d558e8dca88fba6dff94/f1493/cover.jpg 540w, /static/a90a598339a6d558e8dca88fba6dff94/a9720/cover.jpg 720w, /static/a90a598339a6d558e8dca88fba6dff94/e4d8f/cover.jpg 1600w" sizes="(max-width: 360px) 100vw, 360px"><img loading="lazy" sizes="(max-width: 360px) 100vw, 360px" srcset="/static/a90a598339a6d558e8dca88fba6dff94/1f9bd/cover.jpg 90w, /static/a90a598339a6d558e8dca88fba6dff94/f47b3/cover.jpg 180w, /static/a90a598339a6d558e8dca88fba6dff94/709c8/cover.jpg 360w, /static/a90a598339a6d558e8dca88fba6dff94/f1493/cover.jpg 540w, /static/a90a598339a6d558e8dca88fba6dff94/a9720/cover.jpg 720w, /static/a90a598339a6d558e8dca88fba6dff94/e4d8f/cover.jpg 1600w" src="/static/a90a598339a6d558e8dca88fba6dff94/709c8/cover.jpg" alt="Apps & integrations" title="Apps & integrations" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"></picture></noscript></figure><div class="css-1yyuujw"><h2 class="css-km2fi2">Apps &amp; integrations</h2><div class="css-4181cz"><p>There are three primary ways to work with third-party services in Ghost: using Zapier, editing your theme, or using the Ghost API.</p><h1 id="zapier" style="position:relative"><a href="#zapier" aria-label="zapier permalink" class="anchor before"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Zapier</h1><p>You can connect your Ghost site to over 1,000 external services using the official integration with <a href="https://zapier.com">Zapier</a>.</p><p>Zapier sets up automations with Triggers and Actions, which allows you to create and customise a wide range of connected applications.</p><blockquote><p><strong>Example</strong>: When someone new subscribes to a newsletter on a Ghost site (Trigger) then the contact information is automatically pushed into MailChimp (Action).</p>…</blockquote></div><a title="Apps &amp; integrations" class="css-1bp8pg5" href="/2017/05/apps-integrations/">继续阅读 <span aria-hidden="true">→</span></a></div></article></section><section class="css-5apwbq"><div class="css-1ezahq5"><h2 class="css-4fz06u">关于我</h2><div class="css-1t8fs7y"><p>我是汪磊</p><p>一个自命有理想的手艺人</p><p>秉承技术源自生活服务于生活的原则，喜欢尝试各种新玩意儿。重度强迫症（匠心精神）患者，乐于分享！</p><p>微博：<a href="https://weibo.com/zceme">@汪磊同学</a> GitHub：<a href="https://github.com/zce">@zce</a></p><blockquote><p>P.S. 好多人问我「zce」是什么？我就是随意拼写的，你可以记作「找茬儿」</p></blockquote></div></div></section><section class="css-eb1fjz"><p class="css-1yyvxh1">MAKE IT BETTER!</p></section></main><footer class="css-1okje3k"><div class="css-1r5spv3"><aside class="css-guslj3"><section class="css-hyqbg3"><h4 class="css-1qmy2f9">社交媒体</h4><p class="css-acwcvw">我们会将最新的、最有意思的内容直接发送到您的收件箱。</p><form class="css-ifr8pt"><input type="email" name="email" placeholder="输入您的邮箱（尚未实现）" autocomplete="off" aria-label="输入您的邮箱" aria-describedby="btn_send" class="css-1suwglb"><button id="btn_send" aria-label="订阅" class="css-15nrm4w"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg></button></form><ul class="css-i8dtig"><li class="css-k4yeou"><a title="推特" target="_blank" rel="noopener noreferrer" class="css-1wfhlg8" href="https://twitter.com/w_zce"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg></a></li><li class="css-k4yeou"><a title="脸书" target="_blank" rel="noopener noreferrer" class="css-1wfhlg8" href="https://www.facebook.com/zccce"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a></li><li class="css-k4yeou"><a title="领英" target="_blank" rel="noopener noreferrer" class="css-1wfhlg8" href="https://www.linkedin.com/in/zceme"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg></a></li><li class="css-k4yeou"><a title="GitHub" target="_blank" rel="noopener noreferrer" class="css-1wfhlg8" href="https://github.com/zce"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></li><li class="css-k4yeou"><a title="油管" target="_blank" rel="noopener noreferrer" class="css-1wfhlg8" href="https://www.youtube.com/channel/UCFUwWB0v2qYqLaB95z1nv9Q"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon></svg></a></li><li class="css-k4yeou"><a title="微博" target="_blank" rel="noopener noreferrer" class="css-1wfhlg8" href="https://weibo.com/zceme"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg></a></li><li class="css-k4yeou"><a title="微信" target="_blank" rel="noopener noreferrer" class="css-1wfhlg8" href="https://img.zce.me/qrcode/wechat.jpg"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg></a></li><li class="css-k4yeou"><a title="QQ" target="_blank" rel="noopener noreferrer" class="css-1wfhlg8" href="http://wpa.qq.com/msgrd?v=3&amp;uin=27102514&amp;site=qq&amp;menu=yes"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg></a></li><li class="css-k4yeou"><a title="哔哩哔哩" target="_blank" rel="noopener noreferrer" class="css-1wfhlg8" href="https://space.bilibili.com/210242179"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg></a></li><li class="css-k4yeou"><a title="优酷" target="_blank" rel="noopener noreferrer" class="css-1wfhlg8" href="https://i.youku.com/zcezce"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg></a></li></ul></section><section class="css-1i892k8"><h4 class="css-1qmy2f9">标签</h4><ul class="css-17lr4dl"><li class="css-wtmayu"><a class="css-8ro7e7" href="/tags/untagged/">无标签</a></li><li class="css-wtmayu"><a class="css-8ro7e7" href="/tags/modular/">Modular</a></li><li class="css-wtmayu"><a class="css-8ro7e7" href="/tags/es-modules/">ES Modules</a></li><li class="css-wtmayu"><a class="css-8ro7e7" href="/tags/webpack/">Webpack</a></li><li class="css-wtmayu"><a class="css-8ro7e7" href="/tags/yeoman/">Yeoman</a></li><li class="css-wtmayu"><a class="css-8ro7e7" href="/tags/plop/">Plop</a></li><li class="css-wtmayu"><a class="css-8ro7e7" href="/tags/gulp/">Gulp</a></li><li class="css-wtmayu"><a class="css-8ro7e7" href="/tags/grunt/">Grunt</a></li><li class="css-wtmayu"><a class="css-8ro7e7" href="/tags/fis-3/">FIS3</a></li><li class="css-wtmayu"><a class="css-8ro7e7" href="/tags/npm-scripts/">npm scripts</a></li><li class="css-wtmayu"><a class="css-8ro7e7" href="/tags/node-js/">Node.js</a></li><li class="css-wtmayu"><a class="css-8ro7e7" href="/tags/ajax/">AJAX</a></li><li class="css-wtmayu"><a class="css-8ro7e7" href="/tags/o-auth/">OAuth</a></li><li class="css-wtmayu"><a class="css-8ro7e7" href="/tags/gatsby/">Gatsby</a></li><li class="css-wtmayu"><a class="css-8ro7e7" href="/tags/vue-js/">Vue.js</a></li><li class="css-wtmayu"><a class="css-8ro7e7" href="/tags/electron/">Electron</a></li><li class="css-1baulvz"><a class="css-n2wq6l" href="/tags/">更多 →</a></li></ul></section><section class="css-j9xfyi"><h4 class="css-1qmy2f9">链接</h4><ul class="css-owp70s"><li class="css-13pzad3"><a class="css-n2wq6l" href="/story/">故事</a></li><li class="css-13pzad3"><a class="css-n2wq6l" href="/about/">关于我们</a></li><li class="css-13pzad3"><a class="css-n2wq6l" href="/contact/">联系我们</a></li><li class="css-13pzad3"><a class="css-n2wq6l" href="/categories/">全部分类</a></li><li class="css-13pzad3"><a class="css-n2wq6l" href="/archive/">内容归档</a></li><li class="css-13pzad3"><a class="css-n2wq6l" href="/labs/">实验室</a></li></ul></section><section class="css-bonhtd"><h4 class="css-1qmy2f9">订阅</h4><img alt="ITBetter" title="ITBetter" src="https://img.zce.me/qrcode/itbetter.jpg" class="css-16cdh0w"></section></aside><div class="css-kvr7so"><span>© 2020 <a href="https://blog.zce.me" class="css-n2wq6l">Lei’s</a>. 保留所有权利.</span><ul class="css-1lxuut8"><li class="css-go1izf"><a class="css-n2wq6l" href="/privacy-policy/">隐私政策</a></li><li class="css-go1izf"><a class="css-n2wq6l" href="/terms-of-service/">服务条款</a></li></ul><span class="css-1n2mv2k"><a title="查看源代码" target="_blank" rel="noopener noreferrer" class="css-1xwrxje" href="https://github.com/zce/zce.me">&lt;/&gt;</a>with<svg viewBox="0 0 50 50" width="22" height="22"><title>heart</title><g transform="translate(25 25)"><path fill="#fa5252" d="M10.9-20.2c-4.5,0-8.5,2.3-10.9,5.8c-2.4-3.5-6.3-5.8-10.9-5.8c-7.3,0-13.1,5.8-13.1,13C-24,5.7-3.7,11.9,0,20.2C3.7,11.9,24,5.8,24-7.2C24-14.4,18.2-20.2,10.9-20.2"><animateTransform attributeName="transform" calcMode="spline" type="scale" values="0.68;0.8;0.6;0.7200000000000001;0.68;0.6400000000000001" keyTimes="0;0.05;0.39;0.45;0.6;1" keySplines="0.215 0.61,0.355 1;0.215 0.61,0.355 1;0.215 0.61,0.355 1;0.215 0.61,0.355 1;0.215 0.61,0.355 1" dur="1s" repeatCount="indefinite"></animateTransform></path></g></svg>by<a title="由 zce 创作" target="_blank" rel="noopener noreferrer" class="css-wsl0jz" href="https://zce.me">zce</a></span></div></div></footer></div></div><script src="https://hm.baidu.com/hm.js?ebba0e1e4fd2aeae212a8de341d8e1bb"></script><script id="gatsby-script-loader">window.pagePath="/"</script><script id="gatsby-chunk-mapping">window.___chunkMapping={app:[],"component---node-modules-gatsby-plugin-offline-app-shell-js":[],"component---src-templates-course-js":[],"component---src-templates-page-js":[],"component---src-templates-post-js":[],"component---src-templates-author-js":[],"component---src-templates-category-js":[],"component---src-templates-tag-js":[],"component---src-pages-404-js":[],"component---src-pages-archive-js":[],"component---src-pages-blog-js":[],"component---src-pages-categories-js":[],"component---src-pages-courses-js":[],"component---src-pages-index-js":[],"component---src-pages-labs-js":[],"component---src-pages-tags-js":[]}</script><script src="/1455a7.js" async=""></script><script src="/cdf4f2.js" async=""></script><script src="/d32c95.js" async=""></script><script src="/c89e15.js" async=""></script></body></html>